body{ color:#757575;   font-weight:normal; background:url(images/top.jpg) repeat-x #e4e8f1; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,div{margin:0;padding:0; list-style:none; font-size:14px; line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px; font-weight:normal;}
input{ border:none; margin:0px; padding:0px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.clearfix { *zoom:1; font-size:0px;}
a{ color:#757575;font-weight:normal; text-decoration:none;}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both;}

.wrapper{ width:1003px; margin:auto;}

#header{ width:1003px; margin:auto;}
.logo{ float:left;}
.set{ float:right; background:url(images/tel.jpg) no-repeat; width:250px; height:105px; text-align:right;}

#nav{ width:1003px; margin:auto;}

#banner{ width:100%; margin:auto; height:436px; background:url(images/banner_bot.jpg) repeat-x bottom;} 

#banner1{ width:100%; margin:auto; height:436px; background:url(images/sub_banner_bot.jpg)  repeat-x bottom; height:276px; } 

#container{ width:1003px; margin:auto; }

.about{ width:340px; float:left; margin-right:10px; margin-top:18px; display:inline;}
.about .left{ float:left}
.about .right{ float:right;}
.about .middle{ background:url(images/cont_line.jpg) repeat-x; height:182px; width:312px; float:left;}
.about .middle h2{ padding-top:1px;}
.about .middle h2 span{ float:right; padding-top:24px}
.about .inner{ margin-top:17px; text-indent:2em; height:110px;}
.about .inner img{ float:left; padding:1px; border:1px #d4cfc9 solid; margin-right:5px; display:inline;}

.news{ width:321px; float:left; margin-right:11px; margin-top:18px; display:inline;}
.news .left{ float:left}
.news .right{ float:right;}
.news .middle{ background:url(images/cont_line.jpg) repeat-x; height:182px; width:293px; float:left;}
.news .middle h2{ padding-top:1px;}
.news .middle h2 span{ float:right; padding-top:24px; padding-right:18px;}
.news .inner{ margin-top:17px; padding:0px 10px; height:110px;}
.news .inner li{ background:url(images/icon.jpg) no-repeat 3px; text-indent:15px; }

.case{ float:left; width:298px; margin-top:18px; display:inline;}
.case .left{ float:left}
.case .right{ float:right;}
.case .middle{ background:url(images/cont_line.jpg) repeat-x; height:182px; width:270px; float:left;}
.case .middle h2{ padding-top:1px;}
.case .inner{ margin-top:10px; text-align:center; height:110px;}
.case .inner img{ border:1p #c9c9c9 solid; margin:0 20px;}

.product{ width:984px; float:left;}
.product .left{ float:left}
.product .right{ float:right;}
.product .inner{ background:url(images/product_line.jpg) repeat-x; height:210px; width:895px; float:left;}
.product .inner ul{ margin-top:22px;}
.product .inner li{ float:left; background:url(images/product_bg.jpg) no-repeat; float:left; width:176px; height:155px; text-align:center; margin-right:15px; line-height:34px; display:inline;}

#footer{ background:url(images/footer.jpg) repeat-x; height:87px; padding-top:32px; text-align:center; color:#FFFFFF;}
#footer a{color:#FFFFFF;}

.sidebar{ width:230px; float:left; margin-top:7px; display:inline; }
.subnav ul{ background:url(images/subnav_line.jpg) repeat-y; padding-left:25px; padding-top:10px;}
.subnav img{ display:block}
.subnav .sub1{ text-indent:15px; background:url(images/icon.jpg) no-repeat 3px;}
.subnav .sub1 a{ color:#333;}
.subnav .sub1 a:hover{ color:#FF0000}
.subnav .sub2{ text-indent:27px; display:none; background:url(images/arrow_go.png) no-repeat 1px 3px;}
.subnav .sub2 a{ color:#666; }
.subnav .sub2 a:hover{ color:#FF0000}
.subnav .sub3{ text-indent:27px; display:none;}
.subnav .sub3 a{ color:#666; }
.subnav .sub3 a:hover{ color:#FF0000}

.contact{ width:230px; margin-top:8px;}
.contact .inner{ background:url(images/contact_bg.jpg) no-repeat; width:205px; height:139px; padding:8px 15px 0 10px;}

.main{ width:751px; float:right;   display:inline;}
.crumb{ margin-top:16px; font-weight:bold; text-align:left; color:#777676; padding-bottom:4px; border-bottom:solid 1px #777676;}
.crumb span{ float:right; color:#777676; margin-right:16px; font-size:12px;}

.article { width:731px; margin:auto; padding:10px; text-align:left;  }

.channel {height:68px;line-height:68px;position:relative; z-index:1000}
.channel .nav{position:relative;}
.channel li{float:left; list-style:none;margin:0;padding:0;border:0}
.channel a{ cursor:pointer; display:block;margin:0;padding:0;border:0 }
.channel a{float:left;height:68px;line-height:68px;}
/*---------------------------------*/
.channel .nav0 a{width:86px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/menu.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/menu.jpg) -0px -68px;}
/*---------------------------------*/
.channel .nav1 a{width:101px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/menu.jpg) -86px 0;}
.channel .nav1 a:hover{background:url(images/menu.jpg) -86px -68px;}
/*---------------------------------*/
.channel .nav2 a{width:117px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/menu.jpg) -187px 0;}
.channel .nav2 a:hover{background:url(images/menu.jpg) -187px -68px;}
/*---------------------------------*/
.channel .nav3 a{width:114px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/menu.jpg) -304px 0;}
.channel .nav3 a:hover{background:url(images/menu.jpg) -304px -68px;}
/*---------------------------------*/
.channel .nav4 a{width:118px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/menu.jpg) -418px 0;}
.channel .nav4 a:hover{background:url(images/menu.jpg) -418px -68px;}
/*---------------------------------*/
.channel .nav5 a{width:115px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/menu.jpg) -536px 0;}
.channel .nav5 a:hover{background:url(images/menu.jpg) -536px -68px;}
/*---------------------------------*/
.channel .nav6 a{width:116px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/menu.jpg) -651px 0;}
.channel .nav6 a:hover{background:url(images/menu.jpg) -651px -68px;}
/*---------------------------------*/
.channel .nav7 a{width:116px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/menu.jpg) -767px 0;}
.channel .nav7 a:hover{background:url(images/menu.jpg) -767px -68px;}
/*---------------------------------*/
.channel .nav8 a{width:120px;}
.channel .nav8,.channel .off8 a:visited {background:url(images/menu.jpg) -883px 0;}
.channel .nav8 a:hover{background:url(images/menu.jpg) -883px -68px;}
/*---------------------------------*/